<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ko">
<head>
<title>화살표 버튼 없는 스크롤바</title>
<meta name="class-lists" content="jindo.ScrollBar"/>
<meta name="screenshots" content=""/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="description" content="화살표 부분이 존재 하지 않는 스크롤바 예제입니다.">
<link rel="stylesheet" type="text/css" href="../asset/demo.css">
<style type="text/css">
	#scroll {background-color:#ccc; position:relative; width:215px; height:215px;}
	.scrollbar-box {position:absolute; overflow:hidden; top:0px; left:0px; width:200px; height:200px;}			
	.scrollbar-content {position:absolute; top:0px; left:0px; width:500px;}			
	.scrollbar-v {position:absolute; top:0px; left:200px; width:15px; height:200px;}
	.scrollbar-v .scrollbar-track {background-color:#eee; width:15px;height:200px; position:relative; top:0px;}
	.scrollbar-v .scrollbar-track-hold {background-color:#ddd;}
	.scrollbar-v .scrollbar-thumb {background-color:skyblue; width:15px; height:50px; position:relative; top:0px; overflow:hidden;}
	.scrollbar-v .scrollbar-thumb-hold {background-color:blue;}

	.scrollbar-h {position:absolute; top:200px; width:200px; left:0px; height:15px;}
	.scrollbar-h .scrollbar-track {background-color:#eee; position:absolute; left:0px; width:200px; height:15px;}
	.scrollbar-h .scrollbar-track-hold {background-color:#ddd;}
	.scrollbar-h .scrollbar-thumb {background-color:skyblue; position:absolute; width:50px; height:15px; overflow:hidden;}
	.scrollbar-h .scrollbar-thumb-hold {background-color:blue;}
	
	.scrollbar-noscript .scrollbar-box {width:215px; height:215px; overflow:auto;}
	.scrollbar-noscript .scrollbar-h,
	.scrollbar-noscript .scrollbar-v {display:none;}
</style>
</head>
<body>
<script type="text/javascript" src="../asset/demojs/demo.js#header"
     data-title="Jindo Component"
     data-subtitle="=document.title"
     data-backbutton="false"
     data-viewsource="false"
     data-qrcode="true"></script>
	
<div class="demo">
	<div id="scroll" class="scrollbar-noscript">
		<div class="scrollbar-box">
			<div class="scrollbar-content">
Buy it, use it, break it, fix it,
Trash it, change it, mail, upgrade it,
Charge it, point it, zoom it, press it,
Snap it, work it, quick erase it,
Write it, cut it, paste it, save it,
Load it, check it, quick rewrite it,
Plug it, play it, burn it, rip it,
Drag it, drop it, zip, unzip it,
Lock it, fill it, call it, find it,
View it, code it, jam, unlock it,
Surf it, scroll it, pose it, click it,
Cross it, crack it, switch, update it,
Name it, read it, tune it, print it,
Scan it, send it, fax, rename it,
Touch it, bring it, pay it, watch it,
Turn it, leave it, start, format it,

Buy it, use it, break it, fix it,
Trash it, change it, mail, upgrade it,
Charge it, point it, zoom it, press it,
Snap it, work it, quick erase it,
Write it, cut it, paste it, save it,
Load it, check it, quick rewrite it,
Plug it, play it, burn it, rip it,
Drag it, drop it, zip, unzip it,
Lock it, fill it, call it, find it,
View it, code it, jam, unlock it,
Surf it, scroll it, pose it, click it,
Cross it, crack it, switch, update it,
Name it, read it, tune it, print it,
Scan it, send it, fax, rename it,
Touch it, bring it, pay it, watch it,
Turn it, leave it, start, format it.

Technologic [4x]

Buy it, use it, break it, fix it,
Trash it, change it, mail, upgrade it,
Charge it, point it, zoom it, press it,
Snap it, work it, quick erase it,
Write it, cut it, paste it, save it,
Load it, check it, quick rewrite it,
Plug it, play it, burn it, rip it,
Drag it, drop it, zip, unzip it,
Lock it, fill it, call it, find it,
View it, code it, jam, unlock it,
Surf it, scroll it, pose it, click it,
Cross it, crack it, switch, update it,
Name it, read it, tune it, print it,
Scan it, send it, fax, rename it,
Touch it, bring it, pay it, watch it,
Turn it, leave it, start, format it,
Buy it, use it, break it, fix it,
Trash it, change it, mail, upgrade it,
Charge it, point it, zoom it, press it,
Snap it, work it, quick erase it,
Write it, cut it, paste it, save it,
Load it, check it, quick rewrite it,
Plug it, play it, burn it, rip it,
Drag it, drop it, zip, unzip it,
Touch it, bring it, pay it, watch it,
Turn it, leave it, start, format it.

Touch it, scroll it, pose it, click it,
Cross it, crack it, switch, update it.

Lock it, fill it, call it, find it,
View it, code it, jam, unlock it,
Buy it, use it, break it, fix it,
Trash it, change it, mail, upgrade it,
Charge it, point it, zoom it, press it,
Snap it, work it, quick erase it,
Write it, cut it, paste it, save it,
Load it, check it, quick rewrite it,
Surf it, scroll it, pose it, click it,
Cross it, crack it, switch, update it,
Name it, read it, tune it, print it,
Scan it, send it, fax, rename it,
Touch it, bring it, pay it, watch it,
Turn it, leave it, start, format it,
Buy it, use it, break it, fix it,
Trash it, change it, mail, upgrade it,
Charge it, point it, zoom it, press it,
Snap it, work it, quick erase it,
Write it, cut it, paste it, save it,
Load it, check it, quick rewrite it,
Plug it, play it, burn it, rip it,
Drag it, drop it, zip, unzip it,
Surf it, scroll it, pose it, click it,
Cross it, crack it, switch, update it,
Name it, read it, tune it, print it,
Scan it, send it, fax, rename it,
Touch it, bring it, pay it, watch it,
Turn it, leave it, start, format it,
Buy it, use it, break it, fix it,
Trash it, change it, mail, upgrade it,
Charge it, point it, zoom it, press it,
Snap it, work it, quick erase it,
Write it, cut it, paste it, save it,
Load it, check it, quick rewrite it,
Plug it, play it, burn it, rip it,
Drag it, drop it, zip, unzip it,
Surf it, scroll it, pose it, click it,
Cross it, crack it, switch, update it,
Name it, read it, tune it, print it,
Scan it, send it, fax, rename it,
Buy it, use it, break it, fix it,
Trash it, change it, mail, upgrade it,
Charge it, point it, zoom it, press it,
Snap it, work it, quick erase it,
Write it, cut it, paste it, save it,
Load it, check it, quick rewrite it,
Plug it, play it, burn it, rip it,
Drag it, drop it, zip, unzip it,
Lock it, fill it, call it, find it,
View it, code it, jam, unlock it,
Surf it, scroll it, pose it, click it,
Cross it, crack it, switch, update it,
Name it, read it, tune it, print it,
Scan it, send it, fax, rename it,
Touch it, bring it, pay it, watch it,
Turn it, leave it, start, format it,

Technologic [8x]

Technologic [4x]
			</div>
		</div>
		
		<div class="scrollbar-v">
			<div class="scrollbar-track">
				<div class="scrollbar-thumb"></div>
			</div>
		</div>
		
		<div class="scrollbar-h">
			<div class="scrollbar-track">
				<div class="scrollbar-thumb"></div>
			</div>
		</div>
	</div>
	<button onclick="oScrollBar.activate();return false;">activate</button>
	<button onclick="oScrollBar.deactivate();return false;">deactivate</button>
	
</div>

<script type="text/javascript" charset="utf-8" src="../../asset/jindo.desktop.all.ns.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.Component.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.UIComponent.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.Timer.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.Effect.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.Transition.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.DragArea.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.Slider.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.RolloverArea.js"></script>
<script type="text/javascript" charset="utf-8" src="../../source/jindo.ScrollBar.js"></script>
<script type="text/javascript">
	var oScrollBar = new jindo.ScrollBar("scroll");
</script>
<script type="text/javascript" src="../asset/demojs/demo.js#footer"></script>
</body>
</html>
